<template>
  <div class="app-container">
    <div class="el-card filter-container is-never-shadow"><!---->
      <div class="el-card__body">
        <div><i class="el-icon-search"></i> <span>筛选搜索</span>
          <button type="button" class="el-button el-button--primary el-button--small" style="float: right;"><!---->
            <!----><span>
        查询搜索
      </span></button>
          <button type="button" class="el-button el-button--default el-button--small"
                  style="float: right; margin-right: 15px;"><!----><!----><span>
        重置
      </span></button>
        </div>
        <div style="margin-top: 15px;">
          <form class="el-form el-form--inline">
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 140px;">输入搜索：</label>
              <div class="el-form-item__content">
                <div class="input-width el-input el-input--small"><!----><input type="text" autocomplete="off"
                                                                                placeholder="帐号/姓名"
                                                                                class="el-input__inner"><!----><!---->
                  <!----></div><!----></div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="el-card operate-container is-never-shadow"><!---->
      <div class="el-card__body"><i class="el-icon-tickets"></i> <span>数据列表</span>
        <button type="button" class="el-button btn-add el-button--default el-button--mini" style="margin-left: 20px;">
          <!----><!----><span>添加</span></button>
      </div>
    </div>
    <div class="table-container">
      <div
        class="el-table el-table--fit el-table--border el-table--scrollable-x el-table--enable-row-hover el-table--enable-row-transition"
        style="width: 100%;">
        <div class="hidden-columns">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
        <div class="el-table__header-wrapper">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 980px;">
            <colgroup>
              <col name="el-table_3_column_16" width="100">
              <col name="el-table_3_column_17" width="80">
              <col name="el-table_3_column_18" width="80">
              <col name="el-table_3_column_19" width="80">
              <col name="el-table_3_column_20" width="160">
              <col name="el-table_3_column_21" width="160">
              <col name="el-table_3_column_22" width="140">
              <col name="el-table_3_column_23" width="180">
              <col name="gutter" width="0">
            </colgroup>
            <thead class="has-gutter">
            <tr class="">
              <th colspan="1" rowspan="1" class="el-table_3_column_16  is-center   is-leaf">
                <div class="cell">编号</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_17  is-center   is-leaf">
                <div class="cell">帐号</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_18  is-center   is-leaf">
                <div class="cell">姓名</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_19  is-center   is-leaf">
                <div class="cell">邮箱</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_20  is-center   is-leaf">
                <div class="cell">添加时间</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_21  is-center   is-leaf">
                <div class="cell">最后登录</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_22  is-center   is-leaf">
                <div class="cell">是否启用</div>
              </th>
              <th colspan="1" rowspan="1" class="el-table_3_column_23  is-center   is-leaf">
                <div class="cell">操作</div>
              </th>
              <th class="gutter" style="width: 0px; display: none;"></th>
            </tr>
            </thead>
          </table>
        </div>
        <div class="el-table__body-wrapper is-scrolling-left">
          <table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 980px;">
            <colgroup>
              <col name="el-table_3_column_16" width="100">
              <col name="el-table_3_column_17" width="80">
              <col name="el-table_3_column_18" width="80">
              <col name="el-table_3_column_19" width="80">
              <col name="el-table_3_column_20" width="160">
              <col name="el-table_3_column_21" width="160">
              <col name="el-table_3_column_22" width="140">
              <col name="el-table_3_column_23" width="180">
            </colgroup>
            <tbody>
            <tr class="el-table__row">
              <td class="el-table_3_column_16 is-center ">
                <div class="cell">1</div>
              </td>
              <td class="el-table_3_column_17 is-center ">
                <div class="cell">test</div>
              </td>
              <td class="el-table_3_column_18 is-center ">
                <div class="cell">测试账号</div>
              </td>
              <td class="el-table_3_column_19 is-center ">
                <div class="cell">test@qq.com</div>
              </td>
              <td class="el-table_3_column_20 is-center ">
                <div class="cell">2018-09-29 13:55:30</div>
              </td>
              <td class="el-table_3_column_21 is-center ">
                <div class="cell">2018-09-29 13:55:39</div>
              </td>
              <td class="el-table_3_column_22 is-center ">
                <div class="cell">
                  <div role="switch" aria-checked="true" class="el-switch is-checked"><input type="checkbox" name=""
                                                                                             true-value="1"
                                                                                             false-value="0"
                                                                                             class="el-switch__input">
                    <!----><span class="el-switch__core" style="width: 40px;"></span><!----></div>
                </div>
              </td>
              <td class="el-table_3_column_23 is-center ">
                <div class="cell">
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>分配角色
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>
            编辑
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>删除
          </span></button>
                </div>
              </td>
            </tr>
            <tr class="el-table__row">
              <td class="el-table_3_column_16 is-center ">
                <div class="cell">3</div>
              </td>
              <td class="el-table_3_column_17 is-center ">
                <div class="cell">admin</div>
              </td>
              <td class="el-table_3_column_18 is-center ">
                <div class="cell">系统管理员</div>
              </td>
              <td class="el-table_3_column_19 is-center ">
                <div class="cell">admin@163.com</div>
              </td>
              <td class="el-table_3_column_20 is-center ">
                <div class="cell">2018-10-08 13:32:47</div>
              </td>
              <td class="el-table_3_column_21 is-center ">
                <div class="cell">2019-04-20 12:45:16</div>
              </td>
              <td class="el-table_3_column_22 is-center ">
                <div class="cell">
                  <div role="switch" aria-checked="true" class="el-switch is-checked"><input type="checkbox" name=""
                                                                                             true-value="1"
                                                                                             false-value="0"
                                                                                             class="el-switch__input">
                    <!----><span class="el-switch__core" style="width: 40px;"></span><!----></div>
                </div>
              </td>
              <td class="el-table_3_column_23 is-center ">
                <div class="cell">
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>分配角色
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>
            编辑
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>删除
          </span></button>
                </div>
              </td>
            </tr>
            <tr class="el-table__row">
              <td class="el-table_3_column_16 is-center ">
                <div class="cell">4</div>
              </td>
              <td class="el-table_3_column_17 is-center ">
                <div class="cell">macro</div>
              </td>
              <td class="el-table_3_column_18 is-center ">
                <div class="cell">macro</div>
              </td>
              <td class="el-table_3_column_19 is-center ">
                <div class="cell">macro@qq.com</div>
              </td>
              <td class="el-table_3_column_20 is-center ">
                <div class="cell">2019-10-06 15:53:51</div>
              </td>
              <td class="el-table_3_column_21 is-center ">
                <div class="cell">2020-02-03 14:55:55</div>
              </td>
              <td class="el-table_3_column_22 is-center ">
                <div class="cell">
                  <div role="switch" aria-checked="true" class="el-switch is-checked"><input type="checkbox" name=""
                                                                                             true-value="1"
                                                                                             false-value="0"
                                                                                             class="el-switch__input">
                    <!----><span class="el-switch__core" style="width: 40px;"></span><!----></div>
                </div>
              </td>
              <td class="el-table_3_column_23 is-center ">
                <div class="cell">
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>分配角色
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>
            编辑
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>删除
          </span></button>
                </div>
              </td>
            </tr>
            <tr class="el-table__row">
              <td class="el-table_3_column_16 is-center ">
                <div class="cell">6</div>
              </td>
              <td class="el-table_3_column_17 is-center ">
                <div class="cell">productAdmin</div>
              </td>
              <td class="el-table_3_column_18 is-center ">
                <div class="cell">商品管理员</div>
              </td>
              <td class="el-table_3_column_19 is-center ">
                <div class="cell">product@qq.com</div>
              </td>
              <td class="el-table_3_column_20 is-center ">
                <div class="cell">2020-02-07 16:15:08</div>
              </td>
              <td class="el-table_3_column_21 is-center ">
                <div class="cell">N/A</div>
              </td>
              <td class="el-table_3_column_22 is-center ">
                <div class="cell">
                  <div role="switch" aria-checked="true" class="el-switch is-checked"><input type="checkbox" name=""
                                                                                             true-value="1"
                                                                                             false-value="0"
                                                                                             class="el-switch__input">
                    <!----><span class="el-switch__core" style="width: 40px;"></span><!----></div>
                </div>
              </td>
              <td class="el-table_3_column_23 is-center ">
                <div class="cell">
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>分配角色
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>
            编辑
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>删除
          </span></button>
                </div>
              </td>
            </tr>
            <tr class="el-table__row">
              <td class="el-table_3_column_16 is-center ">
                <div class="cell">7</div>
              </td>
              <td class="el-table_3_column_17 is-center ">
                <div class="cell">orderAdmin</div>
              </td>
              <td class="el-table_3_column_18 is-center ">
                <div class="cell">订单管理员</div>
              </td>
              <td class="el-table_3_column_19 is-center ">
                <div class="cell">order@qq.com</div>
              </td>
              <td class="el-table_3_column_20 is-center ">
                <div class="cell">2020-02-07 16:15:50</div>
              </td>
              <td class="el-table_3_column_21 is-center ">
                <div class="cell">N/A</div>
              </td>
              <td class="el-table_3_column_22 is-center ">
                <div class="cell">
                  <div role="switch" aria-checked="true" class="el-switch is-checked"><input type="checkbox" name=""
                                                                                             true-value="1"
                                                                                             false-value="0"
                                                                                             class="el-switch__input">
                    <!----><span class="el-switch__core" style="width: 40px;"></span><!----></div>
                </div>
              </td>
              <td class="el-table_3_column_23 is-center ">
                <div class="cell">
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>分配角色
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>
            编辑
          </span></button>
                  <button type="button" class="el-button el-button--text el-button--mini"><!----><!----><span>删除
          </span></button>
                </div>
              </td>
            </tr><!----></tbody>
          </table>
        </div>
        <div class="el-table__column-resize-proxy" style="display: none;"></div>
        <div class="el-loading-mask" style="display: none;">
          <div class="el-loading-spinner">
            <svg viewBox="25 25 50 50" class="circular">
              <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
            </svg><!----></div>
        </div>
      </div>
    </div>
    <div class="pagination-container">
      <div class="el-pagination is-background"><span class="el-pagination__total">共 5 条</span><span
        class="el-pagination__sizes"><div class="el-select"><!----><div class="el-input el-input--suffix"><!----><input
        type="text" autocomplete="off" placeholder="请选择" readonly="readonly" class="el-input__inner"><!----><span
        class="el-input__suffix"><span class="el-input__suffix-inner"><i
        class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----></span><!----></span><!----></div><div
        class="el-select-dropdown el-popper" style="display: none; min-width: 110px;"><div class="el-scrollbar"
                                                                                           style=""><div
        class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;"><ul
        class="el-scrollbar__view el-select-dropdown__list"><!----><li class="el-select-dropdown__item selected"><span>10条/页</span></li><li
        class="el-select-dropdown__item"><span>15条/页</span></li><li class="el-select-dropdown__item"><span>20条/页</span></li></ul></div><div
        class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb"
                                                     style="transform: translateX(0%);"></div></div><div
        class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div></div></div>
        <!----></div></div></span>
        <button type="button" disabled="disabled" class="btn-prev"><i class="el-icon el-icon-arrow-left"></i></button>
        <ul class="el-pager">
          <li class="number active">1</li><!----><!----><!----></ul>
        <button type="button" class="btn-next" disabled="disabled"><i class="el-icon el-icon-arrow-right"></i></button>
        <span class="el-pagination__jump">前往<div class="el-input el-pagination__editor is-in-pagination"><!----><input
          type="number" autocomplete="off" min="1" class="el-input__inner" max="1"><!----><!----><!----></div>页</span>
      </div>
    </div>
    <div class="el-dialog__wrapper" style="z-index: 2003; display: none;">
      <div class="el-dialog" style="width: 40%; margin-top: 15vh;">
        <div class="el-dialog__header"><span class="el-dialog__title">添加用户</span>
          <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
            class="el-dialog__close el-icon el-icon-close"></i></button>
        </div>
        <div class="el-dialog__body">
          <form class="el-form">
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">帐号：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div class="el-input el-input--small" style="width: 250px;"><!----><input type="text" autocomplete="off"
                                                                                          class="el-input__inner">
                  <!----><!----><!----></div><!----></div>
            </div>
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">姓名：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div class="el-input el-input--small" style="width: 250px;"><!----><input type="text" autocomplete="off"
                                                                                          class="el-input__inner">
                  <!----><!----><!----></div><!----></div>
            </div>
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">邮箱：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div class="el-input el-input--small" style="width: 250px;"><!----><input type="text" autocomplete="off"
                                                                                          class="el-input__inner">
                  <!----><!----><!----></div><!----></div>
            </div>
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">密码：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div class="el-input el-input--small" style="width: 250px;"><!----><input type="password"
                                                                                          autocomplete="off"
                                                                                          class="el-input__inner">
                  <!----><!----><!----></div><!----></div>
            </div>
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">备注：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div class="el-textarea el-input--small" style="width: 250px;"><textarea rows="5"
                                                                                         class="el-textarea__inner"
                                                                                         style="min-height: 32px;"></textarea>
                </div><!----></div>
            </div>
            <div class="el-form-item el-form-item--small"><label class="el-form-item__label"
                                                                 style="width: 150px;">是否启用：</label>
              <div class="el-form-item__content" style="margin-left: 150px;">
                <div role="radiogroup" class="el-radio-group"><label role="radio" tabindex="-1" class="el-radio"><span
                  class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                                                                      tabindex="-1"
                                                                                      class="el-radio__original"
                                                                                      value="1"></span><span
                  class="el-radio__label">是<!----></span></label> <label role="radio" tabindex="0"
                                                                         class="el-radio is-checked"
                                                                         aria-checked="true"><span
                  class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio"
                                                                                                 aria-hidden="true"
                                                                                                 tabindex="-1"
                                                                                                 class="el-radio__original"
                                                                                                 value="0"></span><span
                  class="el-radio__label">否<!----></span></label></div><!----></div>
            </div>
          </form>
        </div>
        <div class="el-dialog__footer"><span class="dialog-footer"><button type="button"
                                                                           class="el-button el-button--default el-button--small"><!---->
          <!----><span>取 消</span></button> <button type="button" class="el-button el-button--primary el-button--small"><!---->
          <!----><span>确 定</span></button></span></div>
      </div>
    </div>
    <div class="el-dialog__wrapper" style="display: none;">
      <div class="el-dialog" style="width: 30%; margin-top: 15vh;">
        <div class="el-dialog__header"><span class="el-dialog__title">分配角色</span>
          <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
            class="el-dialog__close el-icon el-icon-close"></i></button>
        </div><!---->
        <div class="el-dialog__footer"><span class="dialog-footer"><button type="button"
                                                                           class="el-button el-button--default el-button--small"><!---->
          <!----><span>取 消</span></button> <button type="button" class="el-button el-button--primary el-button--small"><!---->
          <!----><span>确 定</span></button></span></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: ''
  }
</script>

<style scoped>

</style>
